@charset "utf-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial",SimSun; list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:1300px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1060px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

body{ max-width:1366px; margin:0 auto;background:#f3f3f3;}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:0px;}
div.fy a { margin:2px 2px;padding:5px 9px;color:#232323;font-size:1.2em; display:inline; background-color:#f2f2f2;}
div.fy a:hover {background-color:#040557;color:#FFF;}
div.fy a:active { background-color:#040557;color:#FFF;}
div.fy span.current {  margin:2px 2px;padding:5px 9px;background-color:#040557;color:#FFF; font-size:1.2em;}
div.fy span.disabled { margin:2px 2px;padding:5px 9px;color:#232323; font-size:1.2em; background-color:#f2f2f2;}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 35px;	right: 25px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#0f1273; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.close::before,.close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.close:hover:before{transform:rotate(90deg);}
.close:hover:after{ transform:rotate(0deg);}

.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: 800px;	height:600px;}

/*header*/
.header .mune a{transition:ease .2s all;-moz-transition: ease .2s all; -webkit-transition:ease .2s all; -o-transition: ease .2s all;}
.header{ overflow:hidden; background:#fff; border-top:4px solid #0365a7; border-bottom:1px solid #ddd;}
.header .logo{ float:left;}
.header .mune{ padding-left:20px; float:right;}
.header .mune a{ float:left; padding:20px 25px; font-size:1.4em; color:#383838; line-height:24px;border-bottom:4px solid #fff;}
.header .mune a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,#m7 .m7{ background:#e0e0e0; border-bottom:4px solid #040557;}
.header .logo>*{ float:left; padding:9px 0;}
.header .logo a{ margin-right:40px;}
.header .mune .t{ display:table; float:left; padding:20px 0 11px 15px;}
.header .mune .t>*{ vertical-align:middle; display:table-cell;}
.header .mune h3{ font-size:1.4em; color:#0365a7;}
.header .mune h3 img{ margin:0 5px 0px 0;}
.header .mune p{ font-size:1.6em; color:#555; line-height:22px; font-weight:bold;}

/*footer*/
.footer{ overflow:hidden;}
.footer .fo1{ padding:11px 0; text-align:center; background:#fff; position:relative;}
.footer .fo1:after{ position:absolute; top:20px; width:100%; left:0; height:1px; background:#f1f1f1; content:"";}
.footer .fo1 a{ position:relative; z-index:2;}
.footer .fo2{ padding:16px 0; text-align:center; background:#4d4d4d; border-top:6px solid #f9b406;}
.footer .fo2 .warp>*{ line-height:24px; display:inline-block; padding:0 10px;}
.footer .fo2 p{ font-size:1.4em; color:#fff;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:110;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner .swiper-slide{ /*height:600px;*/ background-size:cover !important; display:table; width:100%;}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-slide .txt{ display:table-cell; overflow:hidden; vertical-align:middle;}
.banner .banner-slider .btns{ background:rgba(0,0,0,0.5); position:absolute; bottom:0; left:0; width:100%; height:60px; z-index:2;}
.banner .banner-slider .btn{ position:relative; margin:0 auto; height:60px; max-width:180px;}
.banner .banner-slider .btn .swiper-pagination{ width:100%; padding-top:26px;}
.banner .banner-slider .btn .swiper-pagination span{ margin:0 7px;}
.banner .banner-slider .btn .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; opacity:1; background:#ccc;}
.banner .banner-slider .btn .swiper-pagination .swiper-pagination-bullet-active{ background:#f8c102;}
.banner .banner-slider .btn .swiper-button-white{ width:10px; height:18px; background-size:10px 18px; top:78%;}
/*icase*/
.icase .dot a{transition:ease .2s all;-moz-transition: ease .2s all; -webkit-transition:ease .2s all; -o-transition: ease .2s all;}
.icase .tit{ background:url(../images/icase-bg.jpg) center center no-repeat; background-size:cover; text-align:center;}
.icase .tit>h3{ padding:35px 0 30px 0; font-size:1.8em; color:#f0f0f0; line-height:24px;}
.icase .tit>h3 span{ font-size:1em; font-weight:bold; }
.icase .dot a{ display:inline-block; background:#dfdfdf; padding:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.6em; color:#555; width:280px; line-height:24px; margin:0 2px;}
.icase .dot .icase-lock,.icase .dot a:hover{ background:#fff;}
.icase .boxs{ background:#efefef;}
.icase .boxs .icase-slider,.icase .boxs .icase2-slider{ padding:60px 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.icase .boxs .icase-slider:after,.icase .boxs .icase-slider:before,.icase .boxs .icase2-slider:after,.icase .boxs .icase2-slider:before{ position:absolute; top:0; width:100px; background:#efefef; height:100%; content:""; z-index:2;}
.icase .boxs .icase-slider:after,.icase .boxs .icase2-slider:after{ left:0;}
.icase .boxs .icase-slider:before,.icase .boxs .icase2-slider:before{ right:0;}
.icase .boxs .icase-slider .swiper-button-black,.icase .boxs .icase2-slider .swiper-button-black{ z-index:3;}
.icase .boxs .icase-slider .swiper-slide,.icase .boxs .icase2-slider .swiper-slide{ background:#fff; box-shadow:5px 10px 10px rgba(0,0,0,0.1); padding:40px 20px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center;}
.icase .boxs .icase-slider .swiper-slide h3,.icase .boxs .icase2-slider .swiper-slide h3{ font-size:1.8em; color:#252525; margin-bottom:5px; line-height:24px; font-weight:bold;}
.icase .boxs .icase-slider .swiper-slide p a,.icase .boxs .icase2-slider .swiper-slide p{ font-size:1.4em; color:#4f4f4f; line-height:24px;}
.icase .boxs .icase-slider .swiper-slide p a:hover{ text-decoration:underline;}
.icase .boxs .box{ display:none;}
.icase .boxs .icase2-slider .abd p{ text-align:left; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:6;}
.icase .boxs .icase2-slider a{ font-size:1.4em; margin-top:10px; display:inline-block;}
.icase .boxs .icase2-slider a:hover{ text-decoration:underline;}
.icase .boxs .icase-slider .swiper-slide span,.icase .boxs .icase2-slider .swiper-slide span{ width:60px; height:2px; background:#040557; display:inline-block; margin:0 auto 10px auto;}
.icase .boxs .icase-slider .swiper-slide .t,.icase .boxs .icase2-slider .swiper-slide .t{ text-align:left; width:fit-content; margin:0 auto;}

.icase .boxs .icase-slider .swiper-slide,.icase .boxs .icase2-slider .swiper-slide,.icase .boxs .icase-slider .swiper-slide:after,.icase .boxs .icase2-slider .swiper-slide:after{transition:ease 1s all;-moz-transition: ease 1s all; -webkit-transition:ease 1s all; -o-transition: ease 1s all;}
.icase .boxs .icase-slider .swiper-slide,.icase .boxs .icase2-slider .swiper-slide{ position:relative;}
.icase .boxs .icase-slider .swiper-slide:after,.icase .boxs .icase2-slider .swiper-slide:after{ width:0%; bottom:0; position:absolute; left:0; height:2px; background:#f9b60e; content:"";}
.icase .boxs .icase-slider .swiper-slide:hover,.icase .boxs .icase2-slider .swiper-slide:hover{ background:#040557;}
.icase .boxs .icase-slider .swiper-slide:hover:after,.icase .boxs .icase2-slider .swiper-slide:hover:after{ width:100%; }
.icase .boxs .icase-slider .swiper-slide:hover *,.icase .boxs .icase2-slider .swiper-slide:hover *{ color:#fff;}

/*ip*/
.ip .tit .btn a,.ip .boxs .box{transition:ease .2s all;-moz-transition: ease .2s all; -webkit-transition:ease .2s all; -o-transition: ease .2s all;}
.ip .boxs .box .txt{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ip .tit{ background:url(../images/ip-bg.jpg) center center no-repeat; background-size:cover; text-align:center; padding:45px 0 40px 0;}
.ip .tit h3{ font-size:2.4em; color:#fff; line-height:24px; margin-bottom:10px;}
.ip .tit h4{ font-size:1.6em; color:#f3f3f3; line-height:24px; margin-bottom:15px;}
.ip .tit .btn a{ border:2px solid #fff; margin:5px; display:inline-block; font-size:1.6em; color:#f3f3f3; line-height:24px; padding:8px 45px;}
.ip .tit .btn a:hover{ background:#fff; color:#333;}
.ip .boxs{ overflow:hidden; background:#f5f5f5; padding:50px 0 60px 0;}
.ip .boxs .box{ overflow:hidden; width:calc(25% - 20px); height:370px; position:relative; margin:0 10px; float:left;  background:#fff;border-bottom:2px solid #f9b406;}
.ip .boxs .box .img img{ max-width:100%;}
.ip .boxs .box .txt{ background:#fff; z-index:2; position:absolute; bottom:-50px; left:0; padding:25px 15px; }
.ip .boxs .box .txt h3{ font-size:2em; color:#333333; font-weight:bold; margin-bottom:15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:24px; height:24px;}
.ip .boxs .box .txt p{ font-size:1.4em; color:#404040; line-height:20px; height:60px; margin-bottom:25px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.ip .boxs .box .txt span{ font-size:1.6em; background:#040557; padding:5px 10px; color:#fff;}
.ip .boxs .box:hover{ box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.ip .boxs .box:hover .txt{ bottom:0px;}
/*is*/
.is .boxs .box img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.is .tit{ text-align:center; background:url(../images/is-bg.jpg) center center no-repeat; background-size:cover; padding:60px 0 50px 0;}
.is .tit h3{ font-size:2.4em; color:#ffffff; line-height:24px; margin-bottom:12px;}
.is .tit p{ font-size:1.6em; color:#f3f3f3; line-height:24px;}
.is .boxs{ overflow:hidden; background:#fff; padding:60px 0 20px 0;}
.is .boxs .box{ float:left; width:calc(33.33% - 26px); margin:0 13px; text-align:center;}
.is .boxs .box p{ font-size:1.6em; color:#252525; font-weight:bold; margin-top:15px;}
.is .boxs .box .img{overflow:hidden; position:relative;}
.is .boxs .box img{ max-width:100%;}
.is .boxs .box:hover img{ transform:scale(1.1); box-shadow:2px 2px 10px rgba(0,0,0,0.2);}
.is .boxs .box em { position: absolute; left: -200px; top: 0px; width: 150px; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) ; overflow: hidden; -webkit-transform: skewx(-25deg); -webkit-transition: 0s; }
.is .boxs .box:hover em { width: 150px; left: 600px; -webkit-transition: 0.8s;transition: 0.8s }
 @-webkit-keyframes scaleout { 0% {
-webkit-transform: scale(1.0)
}
 100% {
 -webkit-transform: scale(0.8);
}
}
 @keyframes scaleout { 0% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
100% {
 transform: scale(1.1);
 -webkit-transform: scale(0.8);
}
}

@-webkit-keyframes moveUpDown {
	from {-webkit-transform: translateY(-5px)}
	to {-webkit-transform: translateY(5px)}
}
@keyframes moveUpDown {
	from { transform: translateY(-5px)}
	to { transform: translateY(5px)}
}
.footer .fo1 img{ -webkit-animation: fadeIn 1s ease .8s both,moveUpDown 1s ease-in .8s infinite alternate;}

/*banners*/
.banners{ background:url(../images/banners.jpg) center center no-repeat; height:350px; background-size:cover !important;}

/*inside-boxs*/
.inside-boxs{ background:#fff; padding:50px 0; overflow:hidden;}
/*inside-list*/
.inside-list{ float:left; width:280px; padding-right:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inside-list .box .tit{ background:#040557; overflow:hidden; padding:15px 20px;}
.inside-list .box>*{ margin-bottom:-1px;}
.inside-list .box .tit>*{ float:left;}
.inside-list .box .tit .t{ padding-left:12px;}
.inside-list .box .tit h3{ font-size:1.8em; color:#fff; font-weight:bold; line-height:20px;}
.inside-list .box .tit p{ font-size:1.2em; color:#eaeaea; line-height:20px; text-transform:uppercase;}
.inside-list .box .txt{ border:1px solid #d9d9d9; padding:10px 20px;}
.inside-list .box .txt p{ cursor:pointer; font-size:1.4em; color:#4f4f4f; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inside-list .box .txt p a{ font-size:1em; color:#4f4f4f; line-height:30px;}
.inside-list .box .txt p a:hover{ text-decoration:underline;}
.inside-list .box .txt p span{ display:inline-block; border:2px solid #4f4f4f; border-radius:50%; padding:3px; margin-right:8px;}
.inside-list .box .txt p:hover span{ border:2px solid #040557;}
.inside-list .box1 .txt,.inside-list .box1 .txt .list-slider{ overflow:hidden; height:262px;}
/*inside-txts*/
.inside-txts{ float:left; width:calc(100% - 280px);}
.inside-txts .tits{ overflow:hidden; border-bottom:1px solid #ebebeb; padding-bottom:12px;}
.inside-txts .tits .t{ float:left;}
.inside-txts .tits .t h3{ line-height:24px; font-size:2em; font-weight:bold; color:#5a5a5a; display:inline-block; margin-right:14px;}
.inside-txts .tits .t h4{ display:inline-block; font-size:1.4em; color:#5a5a5a; text-transform:uppercase;}
.inside-txts .tits .lead{ float:right; margin-top: 8px;}
.inside-txts .tits .lead>*{ display:inline-block; font-size:1.2em; color:#5a5a5a;}
.inside-txts .tits .lead>*:last-child{ color:#040557;}
.inside-txts .box{ padding:10px 0;}
.inside-txts .box h3{ font-size:1.6em; color:#040557;  margin-bottom:5px; line-height:24px;}
.inside-txts .box h3 span{ margin-right:25px;}
.inside-txts .box p{ font-size:1.4em; line-height:24px;}
.inside-txts .box .d{ text-indent:2em;}
.inside-txts .box p span{ font-size:1em; font-weight:bold;}
.inside-txts .box a:hover{ text-decoration:underline;}
.inside-txts .imgs{ overflow:hidden; width:calc(100% + 20px); margin-left:-10px;}
.inside-txts .imgs .dot{ position:relative; text-align:center; float:left; width:calc(33.33% - 20px); margin:10px;}
.inside-txts .imgs .dot img{ width:100%;}
.inside-txts .imgs .dot p{ width:100%; position:absolute; bottom:0; left:0; font-size:1.2em; color:#f4f4f4; padding:10px 5px; background:rgba(0,0,0,0.7); overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inside-txts .imgs .dot:hover p{ background:rgba(0,93,173,0.7);}

/*contact*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:340px;}
.contact .box{ padding:35px 0 30px 0;}
.contact .box p span img{ margin:0 6px -6px 0;}
.contact .box p{ line-height:30px;}
.contact .box h3{ margin-bottom:10px;}

/*lease*/
.lease .box{ padding-top:20px;}
.lease .box .d{ margin-bottom:20px;}
.lease .box h3{ margin-bottom:10px;}

/*construction*/
.construction .box h3{ padding-top:20px;}